@import "lib-reset";
@import "animate";
@import "transition";
@import "iconfont";

*{
	font-family: "Microsoft YaHei";
  box-sizing: border-box;
}
html,body{
	padding:0;
	font-family: "Microsoft YaHei";
  box-sizing: border-box;
  height: 100%;
  background: #fafafa!important;
}
#app{
  height: 100%;
}
ul,li{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	cursor: pointer;
	.transition(.2s);
}
button,input{
	.transition(.2s);
  outline: none;
}
[v-cloak] {
  display: none;
}

.clearfix{
  zoom:1;
  &:before{
    content:'';
    display:block;
  }
  &:after{
    content:'';
    display:table;
    clear:both;
  }
}
.transition(@duration:.2s,@timingfn:ease-in-out){
	transition: all @duration @timingfn;
	-moz-transition: all @duration @timingfn;
	-webkit-transition: all @duration @timingfn;
	-o-transition: all @duration @timingfn;
	-ms-transition: all @duration @timingfn;
}

.text-overflow{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
.line-overflow(@line) {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:@line; /* number of lines to show */
  -webkit-box-orient:vertical;
}
.flexDiv{
  display: -webkit-box; 
  display: -webkit-flex;
  display: flex;
}
.flexItem{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.flexNoneItem{
  -webkit-box-flex: none;
  -webkit-flex: none;
  flex: none;
}

.mainDiv{
  width: 100%;
}
.autoDiv{
  width:1110px;
  margin:0 auto;
}
.autoDiv2{
  width: 1366px;
  margin: 0 auto;
}
.loginDiv{
  .mu-checkbox{
    margin:2px 0 22px 0;
  }
  .mu-checkbox-icon-uncheck{
    color:#a5a3a3;
  }
  .mu-checkbox-icon{
    margin-right: 7px;
  }
}
.demo-popup-top {
  width: 100%;
  opacity: .8;
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 375px;
  background-color: #e1f5fe!important;
}

.rightitemDiv{
  .mu-text-field{
    min-height: 28px;
    margin: 0;
    .mu-text-field-content{
      padding: 0;
      input{
        height: 28px;
      }
      hr.disabled{
        display: none;
      }
    }
  }
}